<template>
	<view>
		<!-- TODO 朋友圈 -->
		<view>
			<u-image src="/static/extra/friend_backgroud.png" width="750" height="404" :fade="false"></u-image>
		</view>
		<view class="u-flex" style="width: 750rpx;">
			<u-image style="left: 535rpx;top: -70rpx;" src="/static/extra/avatar.png" width="114" height="114" :fade="false" border-radius="10"></u-image>
		</view>
		<view class="list">
			<view class="item">
				<view class="u-flex">
					<view class="avatar">
						<u-image src="/static/extra/avatar.png" width="114" height="114" :fade="false" shape="circle"></u-image>
					</view>
					<view class="info u-m-l-32">
						<view class="info-nickname u-font-30 u-line-1">简单</view>
						<view class="u-flex u-m-t-12">
							<view class="time u-font-26">03-12 15:30</view>
							<view class="del u-m-l-20 u-font-26">删除</view>
						</view>
					</view>
				</view>
				<view class="u-m-t-36 u-m-b-36">对钟爱的世界道一句晚安，日月星辰，山水风光</view>
				<view class="u-flex">
					<u-image class="u-m-r-14" src="/static/extra/friend1.png" width="176" height="176" :fade="false" border-radius="10"></u-image>
					<u-image class="u-m-r-14" src="/static/extra/friend1.png" width="176" height="176" :fade="false" border-radius="10"></u-image>
					<u-image class="u-m-r-14" src="/static/extra/friend1.png" width="176" height="176" :fade="false" border-radius="10"></u-image>
				</view>
				<view class="u-m-t-36 u-m-b-36 u-m-r-20 u-flex u-row-right">
					<u-icon name="thumb-up" label="11" size="34"></u-icon>
					<u-icon class="u-m-l-20" name="order" label="11" size="34"></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.list {
		margin: 30rpx;
		.item {
			border-bottom: 1rpx solid #E9E9E9;
		}
	}
	
	.info-nickname {
		width: 580rpx;
		color: #333333;
		font-weight: bold;
	}
	.time, .del {
		color: #999999;
	}
</style>
